<template>
  <div>
    <img :src="detail.coverImgUrl" alt="" />
    <p>{{ detail.description }}</p>
    <p>{{ detail.name }}</p>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      detail: {},
    };
  },
  mounted() {
    var { id } = this.$route.params;
    console.log(id);
    axios
      .get(`http://122.112.161.135:3000/playlist/detail?id=${id}`)
      .then((res) => {
        console.log(res.data.playlist);
        this.detail = res.data.playlist;
      });
  },
};
</script>

<style scoped>
img {
  width: 220px;
}
</style>